<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
*{
	text-align:center;
}
#div5{
	width:910px;
	height:920px;
	margin:auto;
		}
#div1{
	width:910px;
	height:200px;
	background-color:red;
	}
	#div2{
	width:200px;
	height:200px;
	background-color:#561235;
	float:left;
	margin-bottom:10px;
	}
	#div3{
	width:200px;
	height:500px;
	background-color:#456512;
	float:left;
	}
	#div4{
	width:700px;
	height:700px;
	float:left;
	margin-top:10px;
	}
#left{
	height:700px;
	width:200px;
	float:left;
	margin-top:10px;
	margin-right:10px;
	}
	#xia{
	height:700px;
	width:910px;
	float:left;
	}
	#you1{
		height:200px;
		width:700px;
		background-color:#113211;
		float:left;
		}
	#you2{
		height:300px;
		width:700px;
		background-color:#489123;
		float:left;
		margin-top:10px;
		}
	#you3{
		height:100px;
		width:700px;
		background-color:#475641;
		float:left;
		}
	#you4{
		height:100px;
		width:700px;
		background-color:#981534;
		float:left;
		}
	

</style>

<body>
<div id="div5">
	<div id="div1">上</div>
	<div id="xia">
		<div id="left">
			<div id="div2">左</div>
			<div id="div3">左2</div>
		</div>
		<div id="div4">
        <div id="you1">右</div>
        <div id="you2">右1</div>
        <div id="you3">右2</div>
        <div id="you4">右3</div>
        </div>
	</div>
</div>
</body>
</html>
